<template>
  <!-- 详细信息 -->
  <el-dialog :visible="value" :title="title" @close="closeHandler">
    <el-descriptions>
      <el-descriptions-item label="框架协议号">{{
        data.id || "N/A"
      }}</el-descriptions-item>
      <el-descriptions-item label="合同名称">{{
        data.contractName || "N/A"
      }}</el-descriptions-item>
      <el-descriptions-item label="合同编号">苏州市</el-descriptions-item>
      <el-descriptions-item label="备注">
        <el-tag size="small">学校</el-tag>
      </el-descriptions-item>
      <el-descriptions-item
        label="联系地址"
      >江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script>
export default {
  name: 'TableDetail',
  props: {
    title: {
      type: String,
      default: '详情'
    },
    value: {
      type: Boolean,
      default: false
    },
    data: {
      type: Object,
      default: null
    }
  },
  data() {
    return {
      show: false
    }
  },
  methods: {
    closeHandler() {
      this.$emit('input', !this.value)
    }
  }
}
</script>

<style>

</style>
